<template>
  <div class="app">
    <BaseA></BaseA>
    <BaseB></BaseB>
    <BaseC></BaseC>
    <!-- 非父子通信（）扩展）-event bus事件总线
    作用：非父子组件之间，进行简易消息传递（复杂场景——>vuex）
  1.创建一个都能访问到的事件总线（空vue实例）——>utils/EventBus.js
  import Vue from 'vue'
  const Bus = new Vue()
  export default Bus
  2.A组件（接收方），监听Bus实例的事件
  created() {
    Bus.$on('sendMsg', (msg) => {
      this.msg = msg
    })
  }
  3.B组件（发送方），触发Bus实例的事件
  Bus.$emit('sendMsg','这是一个消息') -->
  </div>
</template>

<script>
import BaseA from './components/BaseA.vue'
import BaseB from './components/BaseB.vue'
import BaseC from './components/BaseC.vue'
export default {
  components:{
    BaseA,
    BaseB,
    BaseC
  }
}
</script>

<style>

</style>